<template>
    <div class="search">
        <input type="text" class="search-content"
        placeholder="姓名/编号" v-model="search">
        <span class="search-desc">搜索</span>
    </div>
</template>

<script>
export default {
  name: 'HomeSearch',
  data () {
    return {
      search: ''
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~style/variable.styl'
.search
    display: flex
    line-height: 1rem
    margin:  .4rem   .2rem
    background: $bgcolor
    border: .02rem solid $bgcolor
    border-radius: .1rem
    font-size: .6rem
    font-weight: 400
    .search-content
        flex: 1
        padding: 0 .4rem
        color: #ccc
    .search-desc
        width: 33%
        text-align: center
        color: #eee
</style>
